<template>
	<view class="container-not" style="background: url(/static/imgbgc3.png) no-repeat; background-size: 100% 100%;height: 100%;">
		<!-- <u-navbar
			:title="title"
			:placeholder="true"
			:autoBack="true"
			bgColor="transparent"
		>
		</u-navbar> -->
		<scroll-view class="main" style="height: 100%;" scroll-y="true">
			<!-- <rich-text :nodes="detail.content"></rich-text> -->
			<view v-html="detail.content"></view>
		</scroll-view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detail: '',
				title:''
			}
		},
		onLoad(options) {
			this.title=options.name
			uni.setNavigationBarTitle({
				title: options.name
			})
			if(options.type == 13){
				console.log(1234);
				uni.setNavigationBarTitle({
					title: this.$t('home.name29')
				})
			}
			this.$fun.ajax.post('news/getNews', {
				id: options.id,
				type: options.type
			}).then(res => {
				this.detail = res.data
				this.detail.content = this.detail.content.replace(/<p/g, '<p style="word-break: break-all;"')
			})
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		height: 100%;
	}
	.container-not {
		position: relative;
		height: 100%;

		.bgc {
			height: 100%;
		}
		.main{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			padding:30rpx;
		}
	}

	.item_remark {
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
		display: flex;
		justify-content: flex-start;
		padding-bottom: 1.71875rem;
	}

	.item_remark:first-child {
		padding-top: 1.71875rem;
	}

	.item_remark>img {
		margin-right: 0.65625rem;
		width: 1.9375rem;
		height: 1.9375rem;
	}

	.r {
		width: calc(100vw - 3.53125rem);
		display: flex;
		flex-direction: column;
		padding-bottom: 0.9375rem;
		// border-bottom: 0.0625rem solid #E6E6E6;
	}

	.title {
		display: flex;
		justify-content: space-between;
		margin-bottom: 0.8125rem;
	}

	.title>span:first-child {
		color: #333333;
		font-size: 0.9375rem;
		font-weight: bold;
	}

	.title>span:nth-child(2) {
		color: #999999;
		font-size: 0.75rem;
	}

	.info {
		color: #999999;
		font-size: 0.75rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
</style>